<template>
  <view class="profile-enters">
    <uiCard mode="none" isFull is-cell>
      <ui-cell-group titleWidth="120">
        <ui-cell is-link to="/pages/profile-collect/index">
          <template v-slot:title>
            <image class="enters-cell--icon" src="/static/images/profile/collet.png" />
            <text class="enters-cell--title">我的收藏</text>
          </template>
        </ui-cell>
        <ui-cell is-link to="/pages/profile-editinfo/index">
          <template v-slot:title>
            <image class="enters-cell--icon" src="/static/images/profile/user-info.png" />
            <text class="enters-cell--title">个人信息</text>
          </template>
        </ui-cell>
        <ui-cell is-link to="/pages/profile-exclusive/index">
          <template v-slot:title>
            <image class="enters-cell--icon" src="/static/images/profile/zhuanshu.png" />
            <text class="enters-cell--title">专属课程</text>
          </template>
        </ui-cell>
        <ui-cell is-link to="/pages/order/activation-code/index">
          <template v-slot:title>
            <image class="enters-cell--icon" src="/static/images/profile/dingyue.png" />
            <text class="enters-cell--title">激活码兑换</text>
          </template>
        </ui-cell>
      </ui-cell-group>
    </uiCard>
  </view>
</template>

<script>
import uiCard from "@/components/base/card/index.vue";
import uiCell from "@/components/base/cell/index.vue";
import uiCellGroup from "@/components/base/cell-group/index.vue";
import uiIcon from "@/components/base/icon/index.vue";

export default {
  name: "profileEnters",
  components: {
    uiCard,
    uiCell,
    uiCellGroup,
    uiIcon
  },
  "mp-weixin": {
    options: {
      multipleSlots: true, // 在组件定义时的选项中启用多slot支持
      styleIsolation: "shared" //  这个选项等价于设置 styleIsolation: apply-shared ，但设置了 styleIsolation 选项后这个选项会失效。
    }
  },
  props: {
    list: Array
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="scss">
.profile-enters {
  padding: 0 30rpx;
  margin-top: 28rpx;

  .enters-cell--icon {
    width: 29rpx;
    height: 29rpx;
  }
  .enters-cell--title {
    font-size: 32rpx;
    letter-spacing: 0px;
    color: #2c2c35;
    margin-left: 20rpx;
  }
}
</style>
